html{	background: none repeat scroll 0 0 #342623;}
body{
    font-family: tahoma;
    background: none repeat scroll 0 0 #342623;
}
.container{ direction: rtl;margin: 0 auto;text-align: right;width: 1000px; background-color: #fff; min-height: 500px;}
.clear{ clear: both; }
.first_login_cont
{
    border: 1px solid #DDDDDD;
    font-family: tahoma;
    margin: 20px auto;
    padding: 0;    
    width: 360px;
}
.login_header{
    background-color: #DDDDDD;
    font-size: 20px;
    padding: 5px;
    text-align: center;
}
.sector_login_cont, 
.level_login_cont, 
.school_login_cont{
    border-bottom: 1px solid #DDDDDD;
    padding: 8px 20px 8px 8px;
}
.sector_login_cont label, 
.level_login_cont label, 
.school_login_cont label{
    display: inline-block;
    width: 100px;
    font-size:  14px;
}
.sector_login_cont select, 
.level_login_cont select, 
.school_login_cont select,
.login_form_cont input[type=text],
.login_form_cont input[type=password]
{
    width: 200px;
    font-family: tahoma;
    padding: 4px;
    
}
.login_form_cont{
    padding: 5px;    
}
.login_form_cont label{
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    width: 100px;
}
.login_form_cont table{
    margin: 0 auto;
}
.relative_position{
    position: relative;
}
.indicator{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    filter:alpha(opacity=70);
    top: 0px;
    left: 0px;
    background: #fff url(../images/loading.gif) no-repeat 50% 50%;

}
.error_list{
    font-weight: bold;
    font-size: 12px;
    color: red;
    margin: 0px;
    padding: 0px;
}
.error_list li{
    list-style: none;
}
.login_form_cont td, 
.login_form_cont th{
    vertical-align: top;
}
.assign_table tr.bg_color td{
    background-color: #DDD;
}
.assign_table{
    border: 1px solid #DDD;
    margin: 20px auto;
    padding: 0;
    width: 740px;
}
h1.header
{
    margin: 0;
    padding: 20px;
    font-size: 24px;
    margin-bottom: 10px;
    color: #C64934;
}
.assign_table th{
    vertical-align: top;
    background-color: #DDD;
    font-weight: bold;
    padding: 5px 10px;
    text-align: right;
    font-size: 13px;
}
.assign_table td{
    font-size: 13px;
    padding: 10px;
    vertical-align: top;
}
.no_data td{
    text-align: center;
    font-weight: bold;
}
.success_msg{
    color: green;
    font-weight: bold;
}
.error_msg{
    color: red;
    font-weight: bold;
}
.row_status{
    background-color: #ddd;
}
.assign_table tr.row_status_1, .assign_table  tr.row_status_1 td{
    background-color: #fcf698;
}
.assign_table tr.row_status_0, .assign_table  tr.row_status_0 td{
    background-color: #FFF;
}
.assign_table tr.row_status_2,.assign_table  tr.row_status_2 td{
    background-color: #aaf985;
}
.assign_table  tr.row_status_3, .assign_table  tr.row_status_3 td{
    background-color: #ff9c8d;
}

.row_status_1 td.assignment_status{
    
}
.row_status_2 td.assignment_status{
    
}
.row_status_3 td.assignment_status{
    
}
.tabs_link_area ul{
    float: right;
    margin-bottom: 6px;
    margin-right: 77px;
    margin-top: 0;
}
.tabs_link_area li{
    display: block;
    float: right;
    text-align: center;
    width: 150px;
}
.tabs_link_area li a{
    text-decoration: none;
    font-weight: bold;
    color: #342623;
    font-size: 14px;
}
.tabs_link_area li a.active{
    text-decoration: underline;
    color: #C64934;
}
.tabs_link_area li a:hover{
    color: #C64934;
}
.welcome_bar{
    padding: 6px 20px;
    background-color: #dddddd;
    border-bottom: 1px solid #C64934;
    font-size: 12px;
}
.welcome{
    float: right;
    font-weight: bold;
}
.welcome_bar .user_name{
    color: #C64934;
}
.welcome_bar a, .welcome_bar a:visited{
    text-decoration: none;
    color: #C64934;
}
.welcome_bar .account_links{
    float: left;
    font-weight: bold;
}
.welcome_bar a:hover{
    text-decoration: underline;
    color: #000000;
}
.program_card_tbl{
    width: 500px;
    margin: 30px auto;
    border: 1px solid #DDDDDD;
    direction: rtl;
}
.program_card_tbl th{
    font-weight: bold;
    border-bottom: 1px solid #DDDDDD;
    background-color: #DDDDDD;
    padding: 4px;
    font-size: 13px;
    width: 150px;
    text-align: right;
}
.program_card_tbl td{
    border-bottom: 1px solid #DDDDDD;
    padding: 4px;
    font-size: 13px;
}
.white_bg{
    background-color: #ffffff;
}
.card_link{
    font-weight: bold;
    color: #C64934;
    font-size: 12px;
}
.close_cont{
    text-align: center;
}
.close_cont a{
    background-color: #DDDDDD;
    border: 1px solid #A6A6A6;
    color: #C64934;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    text-decoration: none;
}
.key_row{
    padding: 2px 5px 2px 10px;
    float: right;
    font-size: 13px;
}
.nothing_sample{
    float: right;
    width: 18px;
    background-color: #FFF;
	border:1px solid black;
}
.yellow_sample{
    float: right;
    width: 18px;
    background-color: #FCF698;
	border:1px solid black;
}
.green_sample{
    float: right;
    width: 18px;
    background-color: #aaf985;
	border:1px solid black;
}
.red_sample{
    float: right;
    width: 18px;
    background-color: #ff9c8d;
	border:1px solid black;
}
.key_status{
    float: right;
    padding-right: 5px;
}
.keyColorCont{
    border: 1px solid #ddd;
    margin-bottom: 10px;
}
.keyColorCont{
    background-color: #FFFFFF;
    float: left;
    width: 120px;
}
#sf_admin_container .keyColorCont h2, .keyColorCont h2{
    font-size: 12px;
}
.tabs_content_area .keyColorCont {
    margin-left: 100px;
}
.tabs_content_area .keyColorCont h2{
    background-color: #DDDDDD;
    margin: 0;
    padding: 4px;
}

.teachers_table th{
    vertical-align: top;
    background-color: #DDD;
    font-weight: bold;
    padding: 5px 10px;
    text-align: right;
    font-size: 13px;
}
.teachers_table td{
    font-size: 13px;
    padding: 8px;
    vertical-align: top;
    border-right: 1px solid #ddd;
}
.teachers_table .odd td{
    background-color: #ddd;
}
.teachers_table{
    border: 1px solid #DDDDDD;
    margin: 20px auto;
    width: 730px;
}
.teachers_table td .no_data{
    font-size: 12px;
    margin: 0;
}
.error_msg_cont{
    border: 1px solid #DDDDDD;
    font-size: 14px;
    margin: 30px auto;
    padding: 40px 25px;
    text-align: center;
    width: 400px;
}
h2.header
{
    margin: 0;
    padding: 20px;
    font-size: 18px;
    margin-bottom: 10px;
    color: #C64934;
}
.notice{
    background-color: lightgreen;
    color: white;
    font-size: 13px;
    padding: 5px;
	margin-bottom:3px;
}
.errorf{
    background-color: red;
    color: white;
    font-size: 13px;
    padding: 5px;
	margin-bottom:3px;
}

.add_teacher_wrapper{
	margin:8px;
}
.add_teacher_page{margin: 10px 8px 8px;width: 514px;}
.add_teacher_page table tr td{padding-top: 10px;text-align:right;}
.add_teacher_page table tr td.submit_btn{padding-top: 10px;text-align:center;}
.add_teacher_page table tr th{width: 90px;}

.tabs_link_area ul li a{
font-size:14px !important
}

.tabs_link_area li.menu_item{
width:200px;
 text-align: center;
 padding-right:0;
}
iframe.submit_iframe{
    border: 0 none;
    height: 200px;
    width: 742px;
	display: none;
}



select#course{
	width:100%;
}



#long_notification_note_1{
    font-size: 13px;
    line-height: 17px;
    margin-right: 36px;
	display:none;
}

.buttons_center{
   margin-top: 8px;
    text-align: center;
}

#long_notification_note_2{
    font-size: 13px;
    line-height: 17px;
    margin-right: 23px;
    text-align: center;
	display:none;
}

.long_revise{
   background-color: #FFDDDD;
    display: inline;
    font-weight: bold;
    padding: 6px;
}